
#slide-home{
	background-color: #000;
	float: left;
	height: 100vh;
	margin-bottom: 1px;
	position: relative;
	width: 100%;
	
}
	#slide-home .sliders-home figure{height: 100vh;position: relative;width: 100%;}
		#slide-home .sliders-home .slide-imagen{
			background-color: #000;
			background-position: center center;
			background-size: cover;
			float: left;
			height: 100%;
			opacity: 0;
			width: 100%;
		}
		#slide-home .sliders-home .text-caption{
			background-image: url(../images/bg-pattern-white.png);
			align-items: center;
			bottom: 0;
			display: flex;
			left: 0;
			height: 100%;
			padding-left: 10%;
			position: absolute;
			transition: .2s ease all;
			width: 100%;
			z-index: 3;
		}
			#slide-home .sliders-home .text-caption .text{width: 50%;}
				#slide-home .sliders-home .text-caption img{
					float: left;
					margin-right: 20px;
					opacity: 0;
					width: 100px;
				}
				#slide-home .sliders-home .text-caption hgroup{
					opacity: 0;
					left: -30px;
					margin: 0;
					text-rendering: optimizeSpeed;
					width: calc(100% - 120px);
				}
					#slide-home .sliders-home .text-caption hgroup h4{color: #fff;font-size: 4.1em;margin-top: 0; text-shadow: 5px 5px 5px #000;}

					#slide-home .sliders-home .text-caption hgroup h5{color: #fff;opacity: 0;font-size: 1.8em;  text-shadow: 1px 1px 1px #FFF;}

/* ANIMACIÓN SLIDE */
#slide-home .sliders-home figure.slick-current.slick-active .slide-imagen{
	-webkit-animation: bgslide 10s forwards, bgopacity .2s ease-in forwards;
	-moz-animation: bgslide 10s forwards, bgopacity .2s ease-in forwards;
	-ms-animation: bgslide 10s forwards, bgopacity .2s ease-in forwards;
	animation: bgslide 10s forwards, bgopacity .2s ease-in forwards;
}

#slide-home .sliders-home figure.slick-current.slick-active .text-caption img{
	-webkit-animation: anim-img .5s ease-in 2s forwards;
	-moz-animation: anim-img .5s ease-in 2s forwards;
	-ms-animation: anim-img .5s ease-in 2s forwards;
	animation: anim-img .5s ease-in 2s forwards;
}
#slide-home .sliders-home figure.slick-current.slick-active hgroup{
	-webkit-animation: blurFadeIn .5s ease-in .5s forwards;
	-moz-animation: blurFadeIn .5s ease-in .5s forwards;
	-ms-animation: blurFadeIn .5s ease-in .5s forwards;
	animation: blurFadeIn .5s ease-in .5s forwards;
}
	#slide-home .sliders-home figure.slick-current.slick-active hgroup h5{
		-webkit-animation: bgopacity .8s ease-in 1.5s forwards;
		-moz-animation: bgopacity .8s ease-in 1.5s forwards;
		-ms-animation: bgopacity .8s ease-in 1.5s forwards;
		animation: bgopacity .8s ease-in 1.5s forwards;
	}


 /* ANIMATION FRANJA Keyframes */
@keyframes bgslide{
	from {
    transform: scale3d(1.0,1.0,1);
  }

  to {
    transform: scale3d(1.1,1.1,1);
  }
}
@keyframes bgopacity{
	from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes anim-img{
	from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes blurFadeIn {
	0% {
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-webkit-transform: scale(1.0);
	}
	50% {
		opacity: 0.2;
		text-shadow: 0px 0px 10px #fff;
		-webkit-transform: scale(1);
	}
	100% {
		left: 0;
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-webkit-transform: scale(1);
	}
}
@keyframes fadeInBack {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
	}
	50% {
		opacity: 0.2;
		-webkit-transform: scale(2);
	}
	100% {
		opacity: 0.0;
		-webkit-transform: scale(5);
	}
}


/* DESCRIPCIÓN */	
#wrap.descripcion-home{display: flex; padding: 0;}

		.descripcion-home .photo-descrip{background-size: cover; padding: 0;}

		.descripcion-home .text-descrip{
			background-color: #e1313b;
			background-position: center;
			padding: 30px 200px 30px 40px;
		}
			.descripcion-home .text-descrip h2{color: #fff; font-weight: 500;}
				.descripcion-home .text-descrip h2 storng{font-weight: 700;}
			.descripcion-home .text-descrip p{color: #fff; font-size: 1em; font-weight: 600;}

/* PRODUCTOS HOME */
#wrap.productos-home{
	background-color: #fff;
	padding-bottom: 0;
}
	#wrap.productos-home hgroup h3{color: #e1313b;}
	#wrap.productos-home hgroup h3 strong{color: #212529;}
	#wrap.productos-home hgroup h3:before{background-color: #868f97;}
	
	#wrap.productos-home .cats-productos{float: left; margin-bottom: 5px; padding-bottom: 30px; width: 100%;}
		#wrap.productos-home .cats-productos .cat-item{margin-right: 1px;}
			#wrap.productos-home .cats-productos .cat-item figure{background-color: #000000; overflow: hidden; position: relative;}
				#wrap.productos-home .cats-productos .cat-item figure img{
					
				  opacity: .6;
				  transition: .2s ease all;
				}
				#wrap.productos-home .cats-productos .cat-item figure figcaption{
					align-items: center;
					bottom: 0;
					display: flex;
					justify-content: center;
					left: 0;
					height: 100%;
					position: absolute;
					transition: .2s ease all;
					width: 100%;
					z-index: 3;
				}
					#wrap.productos-home .cats-productos .cat-item figure figcaption h2{
						background-color: rgba(225, 50, 59, 0.0);
						color: #fff;
						font-size: 1.6em;
						margin: 0;
						text-align: center;
						padding: 10px;
						text-transform: uppercase;
						transition: .2s ease all;
						width: 100%;
					}
	
	/* hover */
	#wrap.productos-home .cats-productos .cat-item:hover figure img{
		opacity: 1; transform: scale3d(1.1,1.1,1);
	}
	/*#wrap.productos-home .cats-productos .cat-item:hover figure figcaption{align-items: flex-end;}*/
		#wrap.productos-home .cats-productos .cat-item:hover figure figcaption h2{background-color: rgba(0, 0, 0, 0.7); padding: 30px 10px;transform: scale3d(1.15,1.15,1);}
		

/* NEWS HOME */
#wrap.news-home{
	background-color: #282828;
	background-image: url("../../../../img/Productos/Centro CNC/AWEA/vertical/fondo1.jpg");
	background-position: center center;
	background-size: cover;
	margin-bottom: 1px;
	padding: 30px 0;
}

	#wrap.news-home .list-news{float: left; padding-bottom: 40px; width: 100%;}
		#wrap.news-home .list-news .item-news{
			padding: 0 40px;
		}
			#wrap.news-home .list-news .item-news h3{color: #fff;}
			#wrap.news-home .list-news .item-news p{color: #fff; font-size: 1em;}




/* MARCAS HOME */
#wrap.marcas-home{
	padding: 40px 0;
}
	#wrap.marcas-home .marcas-listado{}
		#wrap.marcas-home .marcas-listado figure{margin: 0 15px;}
		#wrap.marcas-home .marcas-listado p{margin: 0;}

